<!-- <template>
  <div>
    <button @click="router.push('/')">home</button>
    <hr>
    <button @click="router.push('/mine')">mine</button>
    <hr>
    <button @click="router.push('/about')">about</button>
    <div style="background: pink;">
      <router-view></router-view>
    </div>
  </div>
</template>

<script setup>
import { ref, reactive } from "vue"
import { useRouter } from "vue-router"
const router = useRouter()

</script>

<style scoped></style> -->
